<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/dontaixg.css"/>
</head>
<body>
	  <!--transition: 过渡  
    transition-delay：过渡延迟  
    transition-duration：过渡持续时间  
    transition-property：过渡属性  
    transition-timing-function：过渡定时功能 -->
	<div class="box"></div>
	<div class="box1">linear 规定以相同速度开始至结束的过渡效果</div>
	<div class="box2">ease 规定慢速开始，然后变快，然后慢速结束的过渡效果</div>
	<div class="box3">ease-in 规定以慢速开始的过渡效果</div>
	<div class="box4">ease-out 规定以慢速结束的过渡效果</div>
	<div class="box5">ease-in-out 规定以慢速开始和结束的过渡效果</div>
	<div class="box6">
		<div class="box7"><img src="img/R-C (19).jpg"/></div>
	</div>
	<div class="box8"></div>
	<div class="box9"></div>
	<table rules="all"  frame="box">
		<tr>
			<th><div class="big"></div></th>
			<th><div class="big"></div></th>
		</tr>
	</table>
	<table rules="all"  frame="box">
		<tr>
			<th><div class="big1"></div></th>
			<th><div class="big1"></div></th>
		</tr>
	</table>
	<div class="big4">
		<div class="big3"><img src="img/R-C (19).jpg"/></div>
	</div>
</body>
</html>